<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="expires" content="0">
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache">
    <meta charset="utf-8"/>
    <link rel="shortcut icon" type="image/x-icon" href="../../../images/jsmile.ico"/>
    <title>新增字典</title>
    <link rel="stylesheet" href="//at.alicdn.com/t/font_763780_tdovyxg8qq9.css">
    <link rel="stylesheet" href="../../../libs/vue/theme-chalk/elementui.css">
    <link rel="stylesheet" href="../../../css/index.css">
    <script src="../../../libs/vue/vue.js"></script>
    <script src="../../../libs/jquery/jquery.mini.js"></script>
    <script src="../../../libs/vue/elementui.js"></script>
    <script src="../../../libs/layer/layer.js"></script>
    <script src="../../../javascript/kit/jsmile.js"></script>
    <script src="../../../javascript/kit/vue-ext.js"></script>
</head>
<body>
<div id="app">
    <el-form ref="dept" :model="dept"  :rules="deptRules"    label-width="100px" style="padding:20px;">
        <el-row >
            <el-col :span="10">
                <el-form-item label="部门名称" prop="deptName">
                    <el-input v-model="dept.deptName" ></el-input>
                </el-form-item>
            </el-col>
            <el-col :span="10" :offset="1">
                <el-form-item label="部门类型" prop="deptType">
                    <el-select v-model="dept.deptType"  placeholder="请选择部门类型" style="width: 100%;">
                        <el-option
                                v-for="item in dicts.deptType"
                                :key="item.dictValue"
                                :label="item.dictName"
                                :value="item.dictValue">
                        </el-option>
                    </el-select>
                </el-form-item>
            </el-col>
        </el-row>
        <el-row>
            <el-col :span="10">
                <el-form-item label="部门地址" prop="deptAddress" >
                    <el-input v-model="dept.deptAddress"></el-input>
                </el-form-item>
            </el-col>
            <el-col :span="10" :offset="1">
                <el-form-item label="部门电话"  prop="deptPhone" >
                    <el-input v-model="dept.deptPhone"></el-input>
                </el-form-item>
            </el-col>
        </el-row>
        <el-row>
            <el-col :span="10">
                <el-form-item label="备注" prop="remark">
                    <el-input
                            type="textarea"
                            :rows="2"
                            placeholder="备注"
                            v-model="dept.remark">
                    </el-input>
                </el-form-item>
            </el-col>
        </el-row>
        <el-row>
            <el-col :span="10">
                <el-form-item>
                    <el-button @click="closeDialog">取消</el-button>
                    <el-button type="primary" @click="updateDict" :disabled="isDisabled">修改部门</el-button>
                </el-form-item>
            </el-col>
        </el-row>
    </el-form>
</div>
<script src="../../../javascript/sys/dept/editDept.js"></script>
</body>
</html>